﻿@media screen and (max-width:960px) {
   .newcontul li a .newimg img{
    max-height: 181px!important;
  }
}
@media screen and (max-width:480px) {
    .sfotright > h4 {
    padding-top:7px;
    }
    .sucessize h4 {
    font-size:21px;
    }
    .sucesimg {
    margin-bottom:10px;
    }
    .loginhead {
    padding:0 7px;
    }
    .mb {
    display:block!important;
    }
    .pc {
    display:none
    }
    .mycartlist > h6 {
    width:100%;
    margin-left:30px;
    }
    .graymoney {
    width:100%;
    }
    .cloonum {
    width:100%;
    
    }
    #invoiceBody {
    padding:1%;
    }
    .modetab > span {
    width:75%!important;
    }
    .sucessize h4 {
    padding: 13px 7px;

text-align: left;
    }
 
    .mapcont {
    background:#f8f8f8!important;
    }
    .disright {
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
    margin-bottom: 19%;
    }
    .assss {
    margin-bottom:5%;
    }
    .trainpul {
    padding:0 7px;
    }
    .sersub2ul {
    display:none;
    }
    .aymap {
    background: url("../images/aymap.png") repeat center center!important;
    }
    .softul {
    padding:0 7px;
    }
    .softh4 {
    padding:0 7px;
    }
    .softsubl h6 {
    padding-left:7px;
    padding-right:7px;
    }
        .softul li .softbtn > .soft2 {
        border: 1px solid #474747!important;
        width: 71%;
        float: left;
        margin-left: 0!important;
        padding-left: 23px!important;
        margin-top: 10px;
        line-height: 30px;
        }
    .indproul li .indecont {
    height: 95px;
    }
    .aystep > i {
    display:none;
    }
    .aystep > span {
    margin-top:10px;
    }
    .mask-title em:nth-child(1) .aycont i{
        margin: 0 1px;
}
       .applyint .applylist label {
            width:20%;
            }
            .applyint .applylist > input {
            width:65%;
            }
    #tijiao > input {
    width:100%!important;
    }
    .softsubl {
    width:100%!important;
    }
    .downlist .downl {
    width:100%!important;
    }
    .asds {
    width:100%!important;
    }
    .bannerpa {
    /*position:relative!important;*/
    }
    .banpacont {
    padding-left:3%!important;
    }
    .rightSide {
    display:none
    }
    .masknav {
    display:block!important;
    }
    .xy1 {
    float: right;
    margin-right: 3%;
    margin-top: 3%;
    }
    /*首页*/
    .mobile-header{
        display: block;
    }
    .mobbig{
        position: relative;
        padding: 20px 2%;
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .mobnav{
        width: 20px;
        height: 20px;
        background: url("../images/mobnav.png") no-repeat center center;
    }
    .moblogo{
        position: absolute;
        top:50%;
        left:50%;
        transform: translate(-50%,-50%);
        width: 22%;
    }
    .moblogo img{
        width: 100%;
    }
    .mobshop{
        margin-top: 4px;
    }
    .mobcart{
        position: relative;
        display: inline-block;
        width: 22px;
        height: 20px;
        background: url("../images/cart.png") no-repeat center center;
        background-size: 100% 100%;
    }
    .mobcart>span{
        position: absolute;
        top:-8px;
        right: -8px;
        width: 18px;
        height: 18px;
        line-height: 18px;
        border-radius: 10px;
        background: #0A51A0;
        font-size: 12px;
        color:#fff;
        text-align: center;
    }
    .mobsearch{
        display: inline-block;
        width: 20px;
        height: 20px;
        background: url("../images/search.png") no-repeat center center;
        background-size: 100% 100%;
        margin-left: 10px;
        cursor: pointer;
    }
    /*搜索框*/
    .mobsearchbig{
        display: none;
        position: absolute;
        top:70px;
        right:0;
        width: 100%;
        height: 95px;
        z-index: 10;
    }
    .search-arr{
        float: right;
        width: 14px;
        height: 5px;
        margin-right: 8px;
        background: url("../images/search-arr.png") no-repeat center center;
    }
    .search-big{
        width: 100%;
        padding: 15px 0;
        margin-top: 5px;
        background: url("../images/search-back.png") repeat center center;
    }
    .search-cont{
        width: 90%;
        margin:0 auto;
    }
    .search{
        float: left;
        width: 74%;
        height: 38px;
        border:1px solid #9f9f9f;
        background: #fff;
    }
    .search>a{
        float: left;
        width: 12%;
        height: 30px;
        background: url("../images/green-search.png") no-repeat center center;
        margin:3px 0 0 5px;
    }
    .search>input{
        float: right;
        width: 84%;
        height: 34px;
        border:none;
        outline: none;
    }
    .search-cont>.btn{
        float: right;
        width: 23%;
        height:37px;
        line-height: 37px;
        background: #124191;
        font-size: 14px;
        color:#fff;
        text-align: center;
        border-radius: 3px;
    }

    /*二级菜单*/

    .masknav{
        position: fixed;
        top:0;
        left:-100%;
        z-index: 20;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,.5);
    }
    .aymen{
        position: absolute;
        top:0;
        right:0;
        width: 35%;
        height: 100%;
        cursor: pointer;
    }
    .menu{
        position: absolute;
        top:0;
        left:0;
        width: 65%;
        height: 100%;
        overflow-y: scroll;
        background: #fff;
    }
    .menutle{
        width: 100%;
        padding: 30px 6% 0 10%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .menimg img{
        width: 70px;
        height: 70px;
        border-radius: 40px;
        margin-right: 3px;
    }
    .menutle>i{
        font-size: 16px;
        color:#333;
    }
    .menutle>a{
        font-size: 14px;
        color:#333;
    }

    .menul{
        padding: 10px 10%;
        width: 100%;
        font-size: 0;
    }
    .menul li{
        width: 100%;
        padding: 10px 0;
    }
    .menul li a{
        width: 100%;
        font-size: 14px;
        color:#666;
        background: url("../images/grayrightarr.png") no-repeat right center;
    }


    /*首页*/
    .pacont{
        width: 100%;
    }
    .pacont>h1{
        padding-top: 16px;
        font-size: 30px;
        text-align: center;
    }
    .pacont>h4{
        padding: 2px 0;
        font-size: 14px;
        text-align: center;
    }
    .pacont>a{
        float: right;
        padding: 4px 12px;
        font-size: 14px;
    }
    .pt50{
       /* padding-top: 20px; */
    }
    .indproul{
        padding: 0 2%;
    }
    .indproul li{
        width: 49%;
        margin-right: 2%;
    }
    .indproul li:nth-child(4n){
        margin-right: 2%;
    }
    .indproul li:nth-child(2n){
        margin-right: 0;
    }
    .pro2ul{
        padding: 0 2%;
    }
    .pro2ul li{
        width: 49%;
        margin-right: 2%;
    }
    .pro2ul li:nth-child(3n){
        margin-right: 2%;
    }
    .pro2ul li:nth-child(2n){
        margin-right: 0;
    }
    .pro2ul li .procont>h6{
        padding: 20px 0 10px;
    }
    .pronum>b{
        float: left;
        width: 100%;
        overflow: hidden;
        height: 16px;
    }
    .pro2btn{
        padding-bottom: 30px;
    }
    .pro3ul{
        padding: 0 2%;
    }
    .pro3ul li{
        width: 49%;
        margin-right: 2%;
    }
    .pro3ul li:nth-child(4n){
        margin-right: 2%;
    }
    .pro3ul li:nth-child(2n){
        margin-right: 0;
    }

    .pro5ul li{
        width: 49%;
        margin-right: 2%;
        margin-bottom: 10px;
    }
    .pro5ul li:nth-child(5n){
        margin-right: 2%;
    }
    .pro5ul li:nth-child(2n){
        margin-right: 0;
    }
    .pro2ul li{
        width: 100%;
    }
    .pc-footer{
        display: none;
    }
    /*手机端底部*/
    .mobfooter{
        position: fixed;
        bottom:0;
        left:0;
        padding: 10px 2%;
        width: 100%;
        background: #f8f8f8;
        display: flex;
        justify-content: center;
    }
    .mobfooter>a{
        width: 150px;
        height: 40px;
        line-height: 40px;
        font-size: 16px;
        color:#fff;
        text-align: center;
        border-radius: 30px;
        margin: 0 10px;
    }
    .mobfooter>a em{
        width: 26px;
        height: 26px;
        margin-right: 10px;
        margin-bottom: -5px;
    }
    .bg1{
        background: #7fbf51;
    }
    .bg2{
        background: #4db7e3;
    }

    .ft1{
        background: url("../images/ft1.png") no-repeat center center;
    }
    .ft2{
        background: url("../images/ft2.png") no-repeat center center;
    }





    /*关于我们*/
    .aboutbanner img{
        content: url("../images/banner-aboutus.jpg");
    }
    .bannerpa h1{
        padding: 40px 0 8px!important;
        color: #fff!important;
    }
    .bannerpa .banp {
    color:#fff!important;
    }
    .about1cont{
        padding: 0 2%;
    }
    .compayabout .combgabout>h4{
        padding: 30px 0 20px;
    }
    .compayabout .combgabout>p{
        padding: 0 2% 10px;
    }
    .about2ul li .about2img{
        width: 100%;
    }
    .bd-left{
        border:none;
    }
    .about2cont{
        width: 100%;
    }
    /*团队大牛*/
    .aboutearul li{
        width: 100%;
    }
    .aboutearcont{
        padding: 10px 10px 0;
        width: 50%;
        height: auto;
    }
    /*招纳贤士*/
    .xieshiul{
        padding: 30px 0 20px;
    }
    .xieshiul li{
        width: 100%!important;
    }

    .aymapul li {
    width:100%!important;
    }
    .asdasaa {
    display:none;
    }
    .ayul li {
    width:30%!important;
    }
    /*在线留言*/
    .mapcont{
        padding: 0 2%;
        width: 100%!important;
        /*margin-bottom: 122px;*/
    }
    .mapcont h4{
        padding: 20px 0 18px;
        font-size: 24px;
    }
    .mapcont>p span{
        width: 18%;
    }
    .mapimg{
        width: 100%!important;
    }
    .leave{
        padding: 20px 2%;
    }
    .leaveint{
        width: 100%!important;
    }


    /*新闻中心*/
    .newbanner img{
        content: url("../images/banner-news.jpg");
    }
    .pb60{
        padding-bottom: 30px;
    }
    .newcontul{
        padding: 40px 2% 30px;
    }
    .newtab>a{
        padding: 6px 10px;
    }
    .newtab>a{
        margin: 0 4px;
    }
    .newcontul li{
        width: 49%!important;
    }
    .newcontul li:nth-child(3n){
        margin-right: 2%!important;
    }
    .newcontul li:nth-child(2n){
        margin-right: 0!important;
    }
        .newcontul li a .newcont h6 {
        
        height:42px!important;
        overflow:hidden
        }
    .traina > a {
      margin: 6px 14px !important;
      padding: 12px 10px!important;
    }
    /*新闻中心详情页*/
    .newleft{
        width: 100%!important;
    }
    .newright{
        display: none;
    }
    .newsubimg img{
        width: 100%;
    }

    /*会员中心*/
    .vipmenu{
        display: block;
        position: fixed;
        top:20%;
        left:0;
        width: 60%;
        box-shadow: 1px 1px 30px #757575;
    }

    .vip-big{
        width: 100%;
    }
    .vmenimg{
        width: 60px;
    }
    .dengji{
        padding: 6px 0;
    }
    .vmename{
        margin-left: 10px;
    }
    .vmenimg img{
        width: 60px;
        height: 60px;
    }
    .vtuiimg{
        width: 36px;
        margin-left: 2px;
    }

    .vtuiimg img{
        width: 36px;
        height: 36px;
    }
    .vipdowntle{
        padding: 20px 0;
    }
    .viporderlist .vipordercont .vipordername{
        width: 100%;
    }
    .viporderlist .vipordercont>span{
        width: 100%;
    }
    .viporderlist .vipordercont>em{
        width: 100%;
        margin: 10px 0;
    }

    /*会员中心 产品信息*/
    .prohua>ul li{
        padding: 0 2px;
        font-size: 12px;
    }
    .date span{
        width: 126px;
    }
    .dateint{
        margin-left: 0;
        margin-top: 10px;
    }
    .dateint input{
        width: 190px;
    }
    .proinfolist li span:last-child{
        display: none;
    }
    .proinfolist li span{
        width: 50%;
    }

    /*会员中心 发票抬头*/
    .invoicelist label{
        width: 32%!important;
        text-align: left;
    }
    .invoicelist input{
        width: 60%!important;
    }
    .invobtn{
        text-align: center;
    }

    /*会员中心--我上传过的文章*/
    .uploadtle h6{
        line-height: 25px;
        font-size: 15px;
    }

    /*会员中心--收货地址*/
    .collectcont{
        padding: 0!important;
    }
    .colladd .collist{
        margin-bottom: 20px;
    }
    .invoitab{
        width: 100%!important;
    }
    .proinfolist.tab2 li span{
        padding: 15px 0 15px 6px;
    }
    .proinfolist li span:first-child{
        width: 20%;
    }
    .proinfolist li span:nth-child(2){
        width: 45%;
    }
    .proinfolist.tab2 li span:last-child{
        display: block;
        
    }


    /*我的等级*/
    .levelcont{
        width: 100%;
    }
    .leveline{
        width: 26%;
    }

    /*我的订单*/
    .date1{
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }

    /*修改密码*/
    .editpassliat>input{
        width: 80%;
    }
    .invobtn.passbtn{
        padding: 16px 0 40px;
    }

    form{
        width: 80%;
    }

    /*我的积分*/
    .integtle .integl{
        width: 100%;
    }
    .integr{
        float: left;
        margin-top: 20px;
    }
    .integintr>input.int1{
        margin-bottom: 10px;
    }
    .omtegralul li span{
        width: 33.33%;
    }
    .omtegralul li span:nth-child(4){
        display: none;
    }
    .omtegralul li span:nth-child(5){
        display: none;
    }

    /*会员中心--我的订单详情页*/
    .derlistcont span{
        display: block;
        padding-bottom: 10px;
    }
    .trainpimg{
        float: initial;
        margin: 0 auto;
    }
    .trainsubt{
        padding: 0 2%;
        width: 100%;
    }
    .trainpul li{
        width: 49%!important;
    }
    .trainpul li:nth-child(3n){
        margin-right: 2%!important;
    }
    .trainpul li:nth-child(2n){
        margin-right: 0!important;
    }
    .trainpul li .procont>h6{
        padding: 18px 0 5px;
    }
    .pronum{
        margin-bottom: 30px;
    }


    /*培训服务--详情页-详情页*/
    .sersubsl{
        width: 100%!important;
    }
    .sersubimg{
        width: 100%!important;
        padding:0 7px;
    }
    .sersubscont{
        width: 98%!important;
    }
    .sersub2ul li{
        padding: 12px 6px;
        font-size: 14px;
    }
    .sersubsr{
        display: none;
    }


    .softul li{
        width: 49%!important;
    }
    .softul li:nth-child(4n){
        margin-right: 2%;
    }
    .softul li:nth-child(2n){
        margin-right: 0;
    }
    .softul li .softcont>p{
        height: 70px;
        padding-bottom: 14px;
    }
    .softul li .softbtn>.soft1{
        padding: 6px 4px;
    }
    .softul li .softbtn>.soft2{
        padding: 6px 4px;
    }

    /*软件产品--相关*/
    .softsubl{
        width: 100%;
    }
    .softtleul li{
        margin-right: 8px;
        margin-bottom: 10px;
    }

    /*软件产品--详情页面*/
    .softsubimg{
        width: 100%;
    }
    .sfotright{
        width: 100%;
    }
    .xuanz span{
        margin-bottom: 10px;
    }
    .xuanz>p>a{
        margin-right: 10px;
        margin-top:7px;
    }
    .softabtn>.softa1{
        padding: 6px 15px;
    }
    .softabtn>.softa2{
        padding: 6px 15px;
    }
    .softabtn>.softa3{
        padding: 6px 15px;
        margin-top:5px;
    }


    .downlist .downl{
        width: 100%;
    }

}

